<%- include ('../public/page_header.ejs')%>

<div class="container-fluid">
  <div class="row">
      
    <div class="panel panel-default">              
      <div class="panel-heading">
        增加商品类型
      </div>
      <div class="panel-body">
          <div class="table-responsive input-form">
            <form action="/<%=config.adminPath%>/goodsTypeAttribute/doAdd" method="post">
              <ul>
                <li>  　属性名称： <input type="text" name="title"/></li> 
                <li>  　所属类型：
                  <select name="cate_id" id="cate_id">
                    <%for(var i=0;i<goodsTypes.length;i++){%>        
                      <option <% if (cate_id.toString()==goodsTypes[i]._id.toString()) { %>selected<% } %> value="<%= goodsTypes[i]._id %>"><%= goodsTypes[i].title %></option>                                           
                    <%}%>
                  </select>
                </li> 

                <li>   　录入方式：
                  <input type="radio" name="attr_type" value="1" checked="true" id="text" /><label for="text">单行文本框</label> 　
                  <input type="radio" name="attr_type" value="2" id="textarea" /><label for="textarea">多行文本框</label> 　
                  <input type="radio" name="attr_type" value="3"  id="select" /><label for="select">从下面的列表中选择（一行代表一个可选值）</label>　

                </li> 
                <li>
                    可选值列表：
                    <textarea name="attr_value" id="attr_value" cols="60" rows="8" disabled="disabled"></textarea>
                </li>
                <li>
                    <br/>
                    <button type="submit" class="btn btn-primary">提交</button>
                </li>
                  
              </ul>
          </form>
          </div>
      </div>

    </div>

  </div>
</div>

<script>
$(function() {
  $("input[name='attr_type']").change(function() {  // 选择 name='attr_type' 的 input元素
    // alert($(this).val());
    if ($(this).val()==3) {
      $("#attr_value").attr('disabled', false);  // 替换标签的属性  使多行文本框的 无功能状态为fslse 即 有功能
    } else {
      $("#attr_value").attr('disabled', true);
    }
  })
}) 
</script>

</body>
</html>